@charset "UTF-8";
@import "step";

.Comments_wrap{
    .Cs_head{
       height: 1.1467rem; 
       line-height:1.1467rem; 
       display: flex;
       overflow: hidden;
       .Cs_titile{
            font-weight: bold;
            font-size: .4rem;
       }
       p{
        flex: 1;
        overflow: hidden;
        color: $colormore;
        font-size: .24rem;
        padding: 0 .2133rem;
       }
    }
    .Cs_postwrap{
        .txtwrap{
            width: 100%;
            height: .9067rem;
            line-height: .9067rem;
            line-height: 30px;
            display: flex;
            align-items: center;
            .flex1{
               background: #f5f5f5;   
               border-radius: .6667rem;
               input{
                display: block;
                padding: 0 .32rem;
                background: none;
                border:none;
                display: block;
                height: .9067rem;
                width: 100%;
                box-sizing: border-box;
              
               }
            }
            .buttom{
                padding-left: .32rem;
                cursor: pointer;
                color: #666;
                outline: none;
                background: none;
                display: block;
            }
           
        }
      
    }
    .Cslis_wrap{
        padding: .1333rem 0;
        .Cslis_item {
            border-bottom: 1px solid #f1f1f1;
            padding: .2133rem 0 .1333rem 0 !important ;
            &:last-child{
                border-bottom: none;
            }
        }
        .list{
            display: flex;
            overflow: hidden;
            padding: .16rem 0;
            .name_box{
                width: .9333rem;
                .img_{
                    width: .9333rem;
                    height: .9333rem;
                    display: block;
                    img{
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        display: block;
                        border-radius: 50%;
                    }
                }
            }
            .infor{
                flex: 1;
                overflow: hidden;
                padding-left: .2667rem;
                .list{
                    padding: .0667rem 0;
                    .name_box{
                        width: .64rem;
                        .img_{
                            width: .64rem;
                            height: .64rem;
                        }
                    }
                    .infor{
                        .name_bt{
                           height: .4267rem; 
                           line-height: .4267rem;
                           padding-top: .08rem;
                           padding-bottom: .16rem;
                        }
                    }
                }
                .name_bt{
                    height: .7467rem;
                    line-height: .7467rem;
                    overflow: hidden;
                    @include single-line-ellipsis;
                    color: #666;
    
                }
                .text_p{
                    line-height: .5733rem;
                    word-break: break-all;
                    font-size: .3733rem;
                  
                }
                .bot{
                    font-size: .2667rem;
                    color: $colormore;
                    height: .3467rem;
                    line-height: .3467rem;
                    overflow: hidden;
                    padding-top: .16rem;
                    padding-bottom: .16rem;
                    span{
                        &:first-child{
                            &::before{
                                display: none;
                            }
                        }
                        &::before{
                            content: '·';
                            padding: 0 .1333rem;
                        }
                        u{
                            text-decoration: none;
                            cursor: pointer;
                            padding-left: .1333rem;
                           &.on{
                              color: #f3124f;
                           }
                        }
                    }
                    
                }
                .reply_input{
                    // height: 93px;
                    border-radius: .1067rem;
                    opacity: 1;
                    border: 1px solid #E6E6E6;
                    padding: .2667rem;
                    margin-bottom: .1333rem;
                    display: none;
                    .text_input{
                        width: 100%;
                        height: .6667rem;
                        line-height: .6667rem;
                        border:none;
                        outline: none;
                        resize: none;
                        font-size: .32rem;
                        color: #333;
                    }
                    .poswrap{
                        height: .7rem;
                        line-height: .7rem;
                        padding-top: .2667rem;
                        display: block;
                        padding-right: .1333rem;
                        .fr{
                            float: right;
                        }
                        .buttom{
                            background: $theme;
                            color: #fff;
                            width: 1.6rem;
                            height: .7rem;
                            border-radius: .1333rem;
                            opacity: 1;
                            float: left;
                            text-align: center;
                            margin-left: .2667rem;
                            cursor: pointer;
                        }
            
                    }
                }
            }
            .morelis{
                height: .4rem;
                color: $theme;
                line-height:  .4rem;
                font-size: .2933rem;
                margin-left: 1.1067rem;
                cursor: pointer;
                display: none;
                span{
                    font-family: serif;
                    padding-left: 2px;
                }
                &.show{
                    display:inline-block;
                }
            }
        }
        .link_more{
            margin-top: .2667rem;
        }
    }
    .nohtml{
        text-align: center;
        line-height: 2.6667rem;
        color: $colormore;
    }
}